<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="../../css/weui.min.css">
    <link rel="stylesheet" href="../../css/weuix.css"/>
    <link rel="stylesheet" href="../../layui/css/layui.css"/>
    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/vue.js"></script>
    <script src="../../js/axios.min.js"></script>
    <script src="../../layui/layui.all.js"></script>

    <script src="../../js/f2.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
    <script src="https://unpkg.com/vue-chartjs/dist/vue-chartjs.min.js"></script>

    <script src="../../js/app.js"></script>
    <script>
        var uid = getUrlParam('uid');
    </script>
    <style>
        .weui-flex_box{
            margin-top: 20px;
        }
        h3{
            color: #ff851b;
            font-size: 1.5em;
        }
        .placeholder {
            margin: 5px;
            padding: 0 10px;
            background-color: #ebebeb;
            height: 4.3em;
            line-height: 4.3em;
            text-align: center;
            color: #ff851b;
            font-size: 1.5em;
        }

        .placeholder2 {
            margin: 5px;
            padding: 10px 10px;
            background-color: #ebebeb;
            text-align: center;
            font-size: 14px;
        }

        .placeholder3 {
            margin: 5px;
            padding: 10px 10px;
            background-color: #ebebeb;
            text-align: center;
            font-size: 14px;
        }
        .weui-form-preview{
            font-size: 15px;
        }
        .weui-form-preview__item{
            text-align: left;
        }

    </style>
</head>
<body>
<div ontouchstart id="app">
    <div class="weui-flex">
        <div class="weui-flex__item"><div class="placeholder">{{user.verify_name}}-基础信息</div></div>
    </div>

    <div class="weui-tab" id="t3" style="height:44px;">
        <div class="weui-navbar">
            <div class="weui-navbar__item" onclick="location.href='report.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no">
                综合报告
            </div>
            <div class="weui-navbar__item tab-blue" >
                基础信息
            </div>
            <!--<div class="weui-navbar__item" onclick="location.href='report_radar.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie">-->
                <!--多头报告-->
            <!--</div>-->
            <div class="weui-navbar__item" onclick="location.href='report_carrier.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no">
                运营商报告
            </div>
            <!--<div class="weui-navbar__item" onclick="location.href='report_taobao.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie">-->
                <!--淘宝数据报告-->
            <!--</div>-->
            <div class="weui-navbar__item"  onclick="location.href='report_contacts.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no">
                手机通讯录
            </div>
            <div class="weui-navbar__item"  onclick="location.href='report_messages.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no">
                手机短信
            </div>
        </div>

    </div>

    <div class="weui-flex weui-flex_box">
        <div class="weui-flex__item">
            <div class="placeholder3">
                <h3 class="page-hd-title">
                    基本信息
                </h3>
                <table class="weui-table" >

                    <tbody >

                    <tr>
                        <td><b>姓名</b></td>
                        <td>{{user.verify_name}}</td>
                        <td><b>身份证号</b></td>
                        <td>{{user.verify_idcard_no}}</td>
                        <td><b>手机号</b></td>
                        <td>{{user.mobile}}</td>
                    </tr>



                    <tr>
                        <td><b>联系人关系</b></td>
                        <td>{{user.emergency_contact1_type}}</td>
                        <td><b>姓名</b></td>
                        <td>{{user.emergency_contact1_name}}</td>
                        <td><b>联系方式</b></td>
                        <td>{{user.emergency_contact1_mobile}}</td>
                    </tr>

                    <tr>
                        <td><b>联系人关系</b></td>
                        <td>{{user.emergency_contact2_type}}</td>
                        <td><b>姓名</b></td>
                        <td>{{user.emergency_contact2_name}}</td>
                        <td><b>联系方式</b></td>
                        <td>{{user.emergency_contact2_mobile}}</td>
                    </tr>

                    <tr>
                        <td><b>单位名称</b></td>
                        <td>{{user.company_name}}</td>
                        <td><b>单位电话</b></td>
                        <td>{{user.company_tel}}</td>
                        <td><b>单位地址</b></td>
                        <td>{{user.company_address}}</td>
                    </tr>


                    <tr>
                        <td><b>住宅地址</b></td>
                        <td>{{user.reside_city}} {{user.reside_address}}</td>
                        <td><b>银行卡号</b></td>
                        <td>{{user.verify_bankcard_no}}</td>
                        <td><b>银行预留电话</b></td>
                        <td>{{user.verify_bankcard_mobile}}</td>
                    </tr>


                    <tr>
                        <td><b>身份证正面照</b></td>
                        <td><a :href="user.verify_idcard1_url" target="_blank"><img v-bind:src="user.verify_idcard1_url" style="width: 200px;"/></a></td>
                        <td><b>身份证反面照</b></td>
                        <td><a :href="user.verify_idcard2_url" target="_blank"><img v-bind:src="user.verify_idcard2_url" style="width: 200px;"/></a></td>
                        <td><b></b></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td><b>活体检测视频</b></td>
                        <td><a :href="user.verify_alive_url" target="_blank">点击播放</a></td>
                        <td><b></b></td>
                        <td></td>
                        <td><b></b></td>
                        <td></td>
                    </tr>

                    </tbody>
                </table>

            </div>
        </div>
    </div>


    <div class="weui-flex__item">
        <div class="placeholder2">
            <h3 class="page-hd-title">
                手机安装app名称
            </h3>
            <p class="page-hd-desc"></p>
            <div class="weui-form-preview">
                <div class="weui-form-preview__bd">
                    <div class="weui-form-preview__item">
                         <span class="weui-form-preview__value" v-html="user.phone_appnames"></span>
                    </div>

                </div>
            </div>
        </div>
    </div>

</div>

<script>

    var uid = getUrlParam('uid');
    var oid = getUrlParam('oid');
    var mobile = getUrlParam('mobile');
    var id_no = getUrlParam('id_no');
    var order_no = getUrlParam('order_no');
    var moxie = getUrlParam('moxie');
    var app = new Vue({
        el: '#app',
        data: {
            user:'',
        },
        mounted: function () {
            this.reportbase();
        },
        methods: {
            reportbase: function () {
                var vm = this;
                layui.use('layer', function(){
                    var layer = layui.layer;
                    var index = layer.load(); //换了种风格
                    axios.post('/api/user/report/base', {
                        uid:uid,
                        oid:oid
                    }).then(function (response) {
                        var obj = response.data;
                        if(obj.code == 0) {
                            layer.close(index);
                            vm.user = obj.data;
                        }else {
                            layer.msg('暂无数据');
                            layer.close(index);
                        }
                    }).catch(function (response) {
                        console.log(response);
                    });
                });
            }
        }
    });
</script>

</body>
</html>
